<template>
  <div class="hello">
    <button @click="increment">{{ state.count }}</button>
  </div>
</template>

<script>
import { reactive } from 'vue'
export default {
  name: 'HelloWorld',
  setup() {
    const state = reactive({ count: 0 })

    function increment() {
      state.count++
    }
    return {
      state,
      increment
    }
  }
}
</script>

<style scoped>
</style>
